body, div {
  margin: 0;
  padding: 0; }

.login {
  width: 100%; }
  .login .l-header {
    color: #3fb780;
    background: #3877b6;
    height: 100px;
    width: 100%; }
    .login .l-header h1 {
      margin-left: 5%;
      line-height: 100px;
      color: #fff;
      font-size: 2em; 
    }
  .login .l-content {
    width: 100%; }
    .login .l-content .loginWrap {
      width: 400px;
      margin: 0 auto;
      margin-top: 10%; }
      .login .l-content .loginWrap .username, .login .l-content .loginWrap .password {
        border: 1px solid #3fb780;
        width: 308px;
        height: 56px;
        display: block;
        font-size: 20px;
        padding-left: 10px;
        color: #999;
        line-height: 56px; }
      .login .l-content .loginWrap .password {
        margin-top: 10px; }
      .login .l-content .loginWrap p {
        position: relative; }
        .login .l-content .loginWrap p img {
          margin-right: 5px;
          position: relative;
          top: 2px; }
      .login .l-content .loginWrap .usnameMark, .login .l-content .loginWrap .pwdMark {
        position: absolute;
        top: 0; }
      .login .l-content .loginWrap .loginBtn {
        width: 320px;
        height: 60px;
        background: #3877b6;
        border-radius: 10px;
        border: none;
        color: #fff;
        font-size: 20px; }
      .login .l-content .loginWrap h2 {
        font-size: 14.5px;
        color: #009966;
        font-weight: normal; }
